*{
    padding:0;
    margin:0;
}
ul{
    margin-bottom:0;
}
body{
    color:#755d75;
}
.box{
    padding:0.5em;
    margin-bottom:0.8em;
    background:#fff;
    box-shadow:0 0 4px #aaa;
}
.searchConditions label{
    float:left;
    width:25%;
    font-weight:normal;
}
.searchConditions label:first-child{
    width:50%;
}
.searchConditions label:last-child{
    margin-left:0;
}
.searchConditions .form-control{
    display:inline-block;
    width:130px;
    padding:6px ;
}
@media screen and (max-width:1100px){
    .searchConditions .form-control{
        padding:6px 0;
        width:140px;
    }
    .searchConditions label:last-child{
        width:28%;
    }
    .searchConditions label:first-child{
        width:47%;
    }
}
/*  列表  */
.list-box{
    padding:0.3em 0;
}
.heading{
    padding-left:0.5em;
    height:35px;
    line-height:35px;
}
.listArea{
    border-top:1px solid #ccc;
}
.user-card{
    float:left;
    padding:0.8em 0.3em;
    width:25%;
    height:60px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    cursor:pointer;
}
@media (max-width: 1199px) {
    .listArea>div:nth-child(3n) {
        border-right: none;
    }
    .user-card{
        width:33.3%;
    }
}
@media (min-width: 1200px) {
    .listArea>div:nth-child(4n) {
        border-right: none;
    }
}
.user-card>div{
    float:left;
    width:20%;
}
.user-card>div:last-child{
    width:80%;
}
.user-title{
    display:inline-block;
    margin:0 auto;
    width:35px;
    height:35px;
    vertical-align: middle;
}
.user-title img{
    width:100%;
    height:100%;
}
.user-card ul li{
    float:left;
    width:30%;
    font-size:1.1em;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.user-card ul li:last-child{
    width:70%;
}
.pageArea{
    margin-top:5px;
    padding-left:0.5em;
    height:35px;
    line-height:35px;
}